@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);/*iconos pie*/

.navbar-inverse {
    background: #f60;
    /* background: rgba(255, 102, 0, 0.9); */
    border-color:#f60 ;
    font-size: 18px;
    width: 100%;
    z-index: 1;
  }

  .container-fluid{
    padding: 7px !important;

  }

  .navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
    padding: 23px 30px 23px 30px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #e04d43;
    border-color: #e04d43 ;
}

.navbar-inverse .navbar-toggle {
    border-color: #E6C6A9;
    background: #e4a88b;
 }

 .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #de6d4f;/*menu marcado*/
    border-radius: 5px 5px 5px 5px;
}

.navbar-inverse .navbar-nav>li>a {
    color: white; /*color fuente menu*/ 
}

.navbar-inverse .navbar-nav>li>a:hover {
    background: #DC5722; /*al pasar el mouse*/
    border-radius: 5px 5px 5px 5px;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
  background: #ee634a;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 50px;
}

.navbar-brand img{
  margin-top: -16px;
  width: 93px;
}

.dropdown-menu{
  background-color: #3e3e3e;
  opacity: 0.9;
  filter:  alpha(opacity=50);
}

.dropdown-menu>li>a{
  width:325px ;
  color: #FFFFFF;
  font-size: 22px;
}

.dropdown-menu>li>a:hover{
  color: #ffffff;
  background:#878787;
}

.carousel-inner{
  margin-top: -25px;
}

/*parpadeo carrusel en mozilla*/
.carousel-inner > .item {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.glyphicon.glyphicon-chevron-right{ font-size:35px;}
.glyphicon.glyphicon-chevron-left{ font-size:35px;}



.barra_index2{
  margin-top: 1%;
  background: #e4e4e3;
}


/* .vr video
 {
  margin-top: 2%;
  width: 40%;
  margin-left: -8%;
} */

/* .video3 video{
margin-top: 2%; 
margin-left: 6%;
margin-bottom: 2%;
} */

video{
  background-color: #1C1C1C;
  /* background-image: url("../imagenes/fondo_video.jpg"); */
  border-radius: 5px;
}



.container{
  margin-top: 5%;
  margin-bottom: 5%;
}

.footer{
  padding: 0px 0px 0px 0px;
  background: #f60;
  margin-top: 20px;
}

.footer p{
   color: #FFFFFF;
   font-size: 1vw;
   margin-left:35%;
}
.footer e,u{ /*Aviso de Privacidad*/
  color: #ffffff;
  margin-left: 2%;
}

.video2 video
 {
width: 90%!important;
margin-bottom: 20px;
}

.left.carousel-control
{
  background: transparent;
}

.right.carousel-control
{
  background: transparent;
}

  .contactanos{
    width: 90vw;
    background-image: url("../imagenes/fondocontacto.jpg");
    background-repeat: no-repeat;
    background-size: 70% auto;
    background-position: center;
    margin-bottom: 0;
    margin-top: 0;
  }

.contactanos p {
  /*text-align: center;*/
  font-size: 1.3vw;
  color: #52504F;
  margin-left: 55%;
  margin-bottom: 1%;
}

.catalogo{
  width: 100%;
  background-size: 100% auto;
  margin-top: 1%;
  margin-bottom: 23%;
}


.quienes{
  background-color: #e39530;
  /* background-image: url("../imagenes/banner_quienes.jpg"); */1
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100vw;
  height: 10vh;
  margin-top: -3%;
}

.quienes p{

  font-size: 15px;
  color: white;

}


.quienes_texto{
  width: 90%;
  background-image: url("../imagenes/atomo.jpg");
  background-repeat: no-repeat;
  background-size: 17% auto;
  margin-top: 2%;
  margin-bottom: .5%;
  margin-left: 5%;
  border-radius: 10px 0px 0px 10px;
}

.quienes_texto h1{
  color: #FF2A00;
}


.quienes_texto img{
  border-radius: 10px 10px 10px 10px;
}


.quienes_texto p, .quienes_texto h1{
  font-size: 1.3vw;
  margin-left: 22%;
  text-align: justify;
  margin-right: 5%;
}

.formulario_contacto{
  margin-top: 2%;
  margin-left: 15%;
  margin-bottom: 5%;
  margin-right: 5%;
}

.formulario_contacto h2{
  color: #FD6500;
}

.formulario_contacto p{
  font-size: 17px;
}

/**********social************/
.social-icon {
  color: #fff;
  position:relative;

}
.social-icons a {
  vertical-align: top;
  display: inline;
}

.fa-facebook {
    margin-bottom: 1%;
    margin-left: 1%;
    border-radius: 10px 10px 10px 10px;
    color: #fff;
    padding:20px 25px 20px 25px;
    font-size: 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-facebook:hover {
  background-color: #3d5b99;
}

.fa-twitter {
    margin-top: 1%;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 20px 20px 20px;
    font-size: 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-twitter:hover {
  background-color: #00aced;
}

.fa-rss {
    margin-top: 1%;
    border-radius: 10px 10px 10px 10px;
    padding:20px 20px 20px 20px;
    font-size: 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-rss:hover {
  background-color: #eb8231;
}

.fa-youtube {
    margin-top: 1%;
    border-radius: 10px 10px 10px 10px;
    padding:20px 20px 20px 20px;
    font-size: 15px;
   -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-youtube:hover {
  background-color: #e64a41;
}

.fa-linkedin {
    margin-top: 1%;
    border-radius: 10px 10px 10px 10px;
    padding:20px 20px 20px 20px;
    font-size: 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-linkedin:hover {
  background-color: #0073a4;
}

.fa-google-plus {
    margin-top: 1%;
    border-radius: 10px 10px 10px 10px;
    padding:20px 20px 20px 20px;
    font-size: 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-google-plus:hover {
  background-color: #e25714;
}

.fa-instagram {
    margin-top: 1%;
    border-radius: 10px 10px 10px 10px;
    color: #fff;
    padding:20px 25px 20px 25px;
    font-size: 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-instagram:hover {
  background-color: #243C81;
}

input#comentariof{
  height: 20vh;
}


/*MAPA*/
/* svg{margin-left:0%;height:100vh ;width: 100vw;}
.land{fill: #CCCCCC;fill-opacity: 1;stroke:white;stroke-opacity: 1;stroke-width:0.5;}
path:hover{fill: #3581DE;cursor:pointer;}
path:current{fill:#DB0B32;}
.info_contacto{margin-left: 10px;margin-top: 300px;position: absolute;}
.divmapa{width: 100%;height: 70%;}
.puebla{background: #468EF0;border-radius: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;}
.aguscalientes{background: #EF8181;border-radius: 10px 10px 10px 10px;padding: 10px 10px 10px 10px;}
.bcn{background: #F4D053;border-radius: 10px 10px 10px 10px;padding: 10px 10px 10px 10px;} */

.col-xs-12.col-sm-9.col-md-9{
  /*width: 70%;*/
  height: auto;
}

.primero img{ border-radius:10%; height: 25vw;}
.primero {
  margin-left: 2%;
  float: left;
  border-radius: 20px 20px 20px 20px;
  font-size: 30px;}
  .bac{
    background: #4dbf85;
    height: 31%;
  }
  .sec{
    background: #2e6994;
    height: 31%;
  }
  .eng{
    background: #bf4d69;
    height: 31%;
    margin-bottom: 55%;
  }

  .catalog img{
    width: 20vw;
  }

  .catalog {
    margin-left: 10%;
    float: left;
    border-radius: 20px 20px 20px 20px;
  }

/*MORPH*/
.primero img {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease; }

.primero img:hover {
  border-radius: 50%;
  }

  .catalog img {
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
            transition: all 0.5s ease; }

  .catalog img:hover {
    border-radius: 50%;
    }


.efrain{
  margin-top: -2%;
  margin-bottom: -2%;
  width: 100%;
  height: 80%;
  color: white;
  padding: 50px 10px 10px 300px;
  background-image: url("../imagenes/registro.jpg");
  background-size: 100vw;
  background-position: center;
}

.efrain a{
    color: #f9f9f9;
    text-decoration: none;
    font-size: 20px;
}


  .efrain ins{
    font-size: 15px;
  }

.efrain input{
  margin-left: 0%;
  width: 250px;
  height: 30px;
  color: #ff5414;
  border-radius: 5px 5px 5px 5px;
}

.cerrar a{
  font-size: 20px;
  color: #ff811b;
}

.registro{
  margin-top: -2%;
  width: 100%;
  height: auto;
  color: #e95208;
  padding: 50px 10px 100px 250px;
  background-repeat: no-repeat;
  background-size: 100%;*/
}

.registro input{
  width: 40%;
  height: 30px;
  color: #262626;
  font-size: 15px;
  border-radius: 5px 5px 5px 5px;
  border: none;
  background: #eeeeee;
}

.registro input[type="submit"] {
   color: #d72b2b;
    -webkit-appearance: button;
    width: 20%;
    cursor: pointer;
    margin-top: 2%;
}

.mis_datos a {
  padding: 10px 10px 10px 10px;
  font-size: 20px;
  color: #4d4d4d;
  border-radius: 10px 10px 10px 10px;
}

.efrain4{
  margin-top: -2%;
  width: 100%;
  height: auto;
  color: #e95208;
  padding: 10px 10px 100px 250px;
  background-repeat: no-repeat;
  background-size: 100%;*/
}

.efrain4 input{
  font-size: 20px;
  color: #4f4f4f;
  width: 40%;
  height: 10%;
  border: none;
  }

  .efrain4 a{
    color: #00226c;
    float: left;
    font-size: 20px;
  }

.mi_carrito a{
  color: white;
  padding: 10px 10px 10px 10px;
  font-size: 20px;
  color: #4d4d4d;
  border-radius: 10px 10px 10px 10px;
}

.row.row-offcanvas.row-offcanvas-left{
  background: #e2e2e2;
  box-shadow: 10px 10px 10px #c1c1c1;
  /*border-radius: 20px 20px 20px 20px;*/
}

.row.row-offcanvas.row-offcanvas-left img{
  border-radius: 20px 20px 20px 20px;
  margin-left: 10px;
}

.row.row-offcanvas.row-offcanvas-left img:hover{
  transition: all .2s ease-in-out;
  transform: scale(1.2);
}

.row.row-offcanvas.row-offcanvas-left-bac{ /*fondo_libros*/
  margin-top: 5%;
  background: #ffffff;
  /*border-radius: 10px 10px 10px 10px;*/
  /*box-shadow: -5px -5px 10px #939393;*/
}

.row.row-offcanvas.row-offcanvas-left-bac img{
    border-radius: 0px 0px 0px 0px;
}

.row.row-offcanvas.row-offcanvas-left-bac h4{
  margin-top: 5%;
}

.row.row-offcanvas.row-offcanvas-left-normal{
  background: #ffffff;
}

.row.row-offcanvas.row-offcanvas-left-asesor{
    background: #ffffff;
}

.row.row-offcanvas.row-offcanvas-left-vip{
    background: #ffffff;
}


.efrain3 h1{
color: #f67329;
}

.pedido{
  border-radius: 20px 20px 20px 20px;
  color: #e75e1b;
  margin-left: 30%;
  height: 30vh;
  width: 30vw;
}

.col-md-12.col-sm-12.col-xs-12{
  font-size: 21px;
  line-height: 2.1;
}

.mensaje h1{
  color:#e45c22;
}

#sidebarbac{
  font-size: 18px;
  margin-left: 0%; 
}

#sidebarbac .nav>li :hover {
  background: #EE7A4C;
  color: white;
}

#sidebarbac h3{
  color: #f44e07;
}
#cat{
  color: #ff6b26;
  text-align: left;
  font-size: 59px;
  background: #f3f3f3;
  width: 100%;
height: auto;
  border-radius: 10px 10px 10px 10px;

}

#catelt{
  color: #ff6b26;
  background: #f3f3f3;
  text-align: left;
  font-size: 59px;
  width: 100%;
  border-radius: 20px 10px 10px 10px;
}

.avisocm{
 margin-top: 3%;
 margin-bottom: 5%;
 font-size: 20px;
 display: inline-block;
 margin-left: 20%;
 margin-right: 20%;
 text-align: justify;
}

#m {
margin-top: 2%;
margin-left: -8%;
margin-bottom: 2%;
height: 510px;
width: 65%;
    }


/**********************************************************queries************************************************************************/


@media only screen and (min-width:1500px) /***07-09-17*****/
{ 

.carousel-inner{
  margin-bottom: .5%;
  width:100%;
}



}

/*********************************/

@media screen and (max-width: 1440px) and (orientation:landscape) {

/*   video{
    margin-top: -9%;
  } */

  .efrain{
    height: 55%;
    padding: 20px 10px 10px 300px;
    }
}

@media screen and (max-width: 769px) { /******************************************/

#m {
height: 300px;
width: 100% !important;
margin-left: 1%;
    }

.quienes{
  margin-top: -8%;
  height: 10vh;
}

.container{
  margin-top: -5%;
  margin-bottom: 0%;
}

.navbar-brand img{
  width: 71px;
}


  .carousel img{
    margin-top: 0;
  }


  .contactanos p {
  /*text-align: center;*/
  font-size: 2vw;
}

.footer p{
  font-size: 2vw;
}

.quienes_texto{
  background-size: 22% auto;
}

.quienes_texto h1, .quienes_texto p{
  margin-left: 26%;
  font-size: 3.2vw;
  margin-right: 0;
}


.carousel-caption{
  bottom: 12% !important;
}


  .vr{
    margin-left: 0;
    margin-top: 2%;
    margin-bottom: 10% !important;
    height: auto !important;
  }



  #container{
  display: none;

  }

  .efrain{
    width: 100vw;
    padding: 0px 10px 10px 50px;
    height: auto;
    background:#e8452e;
    margin-top: -3vw;

  }

  .efrain input{
    width: 250px;
    height: 25px;
  }


  .registro{
    width: 100vw;
    height: auto;
    padding: 0px 20px 0px 20px;
  }

  .registro input{
    width: 100%;
    height: 40px;
    border-radius: 5px 5px 5px 5px;
  }

  .efrain4 {
    width: 100vw;
    height: auto;
    padding: 0px 20px 0px 20px;
  }

  .efrain4 input{
    width: 100%;
    height: 40px;
    border-radius: 5px 5px 5px 5px;
  }

   .fa-facebook {
      margin-top: 0;
      margin-left: 1%;
      padding:10px 13px 10px 13px;
      font-size: 15px;
      }

    .fa-twitter {
       margin-top: 0;
       padding:10px 10px 10px 10px;
       font-size: 15px;
      }

    .fa-rss {
       margin-top: 0;
       padding:10px 10px 10px 10px;
       font-size: 15px;
      }

    .fa-youtube {
       margin-top: 0;
       padding:10px 10px 10px 10px;
       font-size: 15px;
      }

    .fa-linkedin {
       margin-top: 0;
       padding:10px 10px 10px 10px;
       font-size: 15px;
    }

    .fa-google-plus {
       margin-top: 0;
       padding:10px 10px 10px 10px;
       font-size: 15px;
    }

       .fa-instagram {
       margin-top: 0;
       padding:10px 10px 10px 10px;
       font-size: 15px;
    }

#tabla_carrito .btn{
  margin-left: -15%;
  display: none;
}
#tabla_carrito .btn-warning{
  display: block;
}
#tabla_carrito .btn-danger{
  display: block;
}
#tabla_carrito .btn-primary{
  display: block;
}
#tabla_carrito .btn-success{
  display: block;
}

}




.preloader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}




#container {
    float: right;
    margin-left: 5%;
    width: 50%;
    height: 50%;
    position: relative;
    margin-top: 10vmin;
    margin-bottom: 1%;
    z-index: 1;/*para los controles del visor*/
      }

      .vr{
        width: 100%;
      }


.catalogos{
  /* margin-top: 51.5vmin; */
  margin-bottom: 1.5vmin;
}

.catalogos img{
  margin-bottom: 0;
  width: 2%;
}

.catalogos h1{
  font-size: 3vmin;
}

.catalogos p{
  font-size: 2vmin;
}

.glyphicon {
    font-size: 3vmin;
}

.carousel-caption{
  padding-bottom: 0;
  bottom: 25%;
}


@media only screen and (max-width:1200px)
{

/*   video{
  margin-top: -15%;
} */

.navbar-inverse {
    font-size: 15px;
    margin-left: 0px;
  }
.navbar-inverse .navbar-nav > li > a{
  /* padding: 0px 10px 0px 10px; */
  }
}


@media only screen and (max-width:1024px)
{

/*   video{
  margin-top: -20%;
} */

}


@media only screen and (max-width:768px)
{
/*   video{
  margin-top: -20%;
} */

}

@media only screen and (max-width:740px)
{
/*   video{
  margin-top: -9%;
} */

}


@media only screen and (max-width:667px)
{
/*   video{
  margin-top: -10%;
} */

}


/* @media screen and (max-width: 667px) and (orientation:landscape) {
{
  video{
  margin-top: -10%;
}

} */

@media screen and (max-width: 414px) {

/* video{
  margin-top: -35%;
} */

  .efrain{
    height: auto;
    color: white;
    background:#e8452e;
    background-size: 10%;
  }

}



@media only screen and (max-width:320px)
{
/*   video{
  margin-top: -60%;
} */

}

.row.row-offcanvas.row-offcanvas-left{
/*   background-image: url("../imagenes/catalogo.jpg");
  border-radius: 10px
  background-repeat: no repeat; */
}